<template>
    <div class="content clearfix">
       
        <div class="content_a">
            <router-link class="content_nav" to="/index">首页</router-link>
            <router-link class="content_nav" to="/workProgress" >工作流程</router-link>
            <router-link class="content_nav" to="/knowledgeFile" >知识档案</router-link>
            <router-link class="content_nav" to="/deviceManage" >设备管理</router-link>
        </div>
         <div class="content_c">
           <router-view></router-view>
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return{
         
        }
    },
    methods:{
     
    }
}
</script>
<style scoped lang="scss">
    .content{
        width:100vw;
        overflow: hidden;
        .content_c{
            overflow: auto;
            position: absolute;
            top: 0;
            bottom: 40px;
            width:100%;
            -webkit-overflow-scrolling: touch;
        }
        .content_a{
            width:100vw;
            height:2.5rem;
            line-height: 2.5rem;
            position: absolute;
            bottom:0;
            left:0;
            z-index:99;
            background: #1b3464;
            .content_nav{
                float:left;
                width:25vw;
                text-align: center;
                text-decoration: none;
                color:#fff;
                font-size:0.9rem;
                &.router-link-exact-active{
                background-color:rgb(9, 5, 49);
            }
            }
        }
    }
</style>
